<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日志登录</title>
    <!-- css 样式引入 -->
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/index.css">
    <!-- js引入 -->
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/logLogin.js"></script>
</head>
<body>
    <!-- 标题 -->
	<table class="btbHead">
	<!--  <tr>
			<td style="width:25%;"><i class="fa fa-align-justify"></i>&nbsp;日志登录</td>
			<td style="text-align: right;">
				<a href="#" id="addBtn" class="btn btn-info"  onclick="add()" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>&nbsp;添加</a>
			</td>
		</tr> -->
	</table>
	
	<!-- 模糊查询条件 -->
	<form role="form" class="form-inline searchForm">
	  <div class="form-group">
	    <label for="name">查询条件</label>
	    <input type="text" class="form-control" id="keyWord" placeholder="请输入用户名" style="width:250px;">
	    <a href="javascript:doQuery()" class="btn btn-default" ><i class="fa fa-search"></i></a>
	  </div>
	</form>
	
	<div class="slideLine" style="margin-top:10px;margin-bottom: 10px;"></div>

	<!-- 数据表格 -->
	<table data-toggle="table" id="dataTable" data-pagination="true">
	    <thead>
	        <tr>
	            <th data-field="id" data-align="center">编号</th>
	            <th data-field="userId">用户ID</th>
	            <th data-field="username">用户名</th>
	            <th data-field="ip">IP地址</th>
	            <th data-field="useragent">用户代理</th>
	            <th data-field="createTime" data-formatter="dateFormatter">登录时间</th>
	            <th data-field="opraite" data-formatter="operateFormatter">操作</th>
	        </tr>
	    </thead>
	</table>
	 
 <!-- 信息删除确认 -->
	<div class="modal fade" id="delModal">
		<div class="modal-dialog">
			<div class="modal-content message_align">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title">提示信息</h4>
				</div>
				<div class="modal-body">
					<p>您确认要删除吗？</p>
				</div>
				<div class="modal-footer">
					<input type="hidden" id="lid" />
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<a onclick="remove()" class="btn btn-success" data-dismiss="modal">确定</a>
				</div>
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	//删除模态框事件监听
	$('#delModal').on('show.bs.modal', function(event) {
		var button = $(event.relatedTarget)
		var lid = button.data('lid')
		var modal = $(this)
		$("#lid").val(lid);
	});
 
</script>
 
</html>